<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div id="counter">
			<h2 class="per">{{persional}}</h2>
			<p><span>姓名：</span>{{name}}</p>
			<p><span>年龄：</span>{{age}}</p>
			<p><span>兴趣爱好：</span>{{hib}}</p>
			<p><span>专业：</span>{{career}}</p>
		</div>	
		<script src="https://unpkg.com/vue@next"></script>
		<script>
			const counter={
				data(){
					return{
						name:"朱凯乐",
						age:22,
						hib:"打游戏",
						career:"计算机应用技术"
					}
				}
			}
			Vue.createApp(counter).mount('#counter')
		</script>
	</body>
</html>
